<template>
    <div class="HomeInput">
        <div class="home-input">
            <router-link to="/search">
                <input type="text" name="" id="">
                <span class="home-serch">搜索</span>
            </router-link>
        </div>
    </div>
</template>

<script>
export default {

}
</script>

<style scoped>
.home-serch{
    position: absolute;
    right: 0;
    z-index: 520;
    padding:0 .12rem;
    color: #fff;
    line-height: .28rem;
    border-radius: .28rem;
    background-color: #50acf9;
}
.home-input{
    position: relative;
    height: .28rem;
    margin: 0 .12rem .14rem .12rem;
}
.home-input input{
    position: absolute;
    display: block;
    width: 100%;
    height: .28rem;
    line-height: .28rem;
    outline: none;
    border:2px solid #50acf9;
    border-radius: .28rem;
    box-sizing: border-box;
}
</style>